<template>
	<div class="app-container">
		<el-tabs v-model="activeName" type="card" @tab-click="handleClickIndex">
			<el-tab-pane label="设定地震相似性分析结果" name="first">
				<el-form :model="queryParams1" ref="queryRef1" :inline="true" v-show="showSearch" label-width="150px">
					<el-form-item label="实际地震经度" prop="longitude">
						<el-input v-model="queryParams1.longitude" placeholder="请输入实际地震经度" clearable @keyup.enter="handleQuery1" />
					</el-form-item>
					<el-form-item label="实际地震纬度" prop="latitude">
						<el-input v-model="queryParams1.latitude" placeholder="请输入实际地震纬度" clearable @keyup.enter="handleQuery1" />
					</el-form-item>
					<el-form-item label="实际地震震级" prop="realEarthquakeLevel">
						<el-input v-model="queryParams1.realEarthquakeLevel" placeholder="请输入实际地震震级" clearable @keyup.enter="handleQuery1" />
					</el-form-item>
					<!-- <el-form-item label="实际地震发震时间" prop="realTime">
						<el-date-picker v-model="realTime"  type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
						</el-date-picker>
					</el-form-item> -->
					<el-form-item>
						<el-button type="primary" icon="Search" @click="handleQuery1">搜索</el-button>
						<el-button plain icon="Refresh" @click="resetQuery1">重置</el-button>
					</el-form-item>
				</el-form>

				<el-row :gutter="10" class="mb8">
					<right-toolbar v-model:showSearch="showSearch" @queryTable="getList1"></right-toolbar>
				</el-row>

				<el-table v-loading="loading1" border :data="ypgResultList1" @selection-change="handleSelectionChange">
					<!--<el-table-column type="selection" width="55" align="center" />-->
					<el-table-column label="序号" align="center" type="index" width="80" />
					<el-table-column label="实际地震信息" align="center">
						<el-table-column label="发震时间" align="center" prop="realTime" width="200"/>
						<el-table-column label="震级" align="center" prop="realEarthquakeLevel" />
						<el-table-column label="参考位置" align="center" prop="realLocation" />
						<el-table-column label="震源深度" align="center" prop="realDepth" />
					</el-table-column>
					<el-table-column label="设定地震信息" align="center">
						<el-table-column label="经度" align="center" prop="realLongitude" />
						<el-table-column label="纬度" align="center" prop="realLatitude" />
						<el-table-column label="震级" align="center" prop="dhpMagnitude" />
						<el-table-column label="宏观位置" align="center" prop="dhpLocation" />
						<el-table-column label="所属任务" align="center" prop="dhpTaskName" />
					</el-table-column>
					<el-table-column label="相似性计算结果" align="center" prop="similarityCalculationResult" />
					<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
						<template #default="scope">
							<el-button type="text" @click="handleView(scope.row)">查看</el-button>
						</template>
					</el-table-column>
				</el-table>

				<pagination v-show="total>0" :total="total" v-model:page="queryParams1.page" v-model:limit="queryParams1.rows" @pagination="getList1" />
			</el-tab-pane>
			<el-tab-pane label="历史地震灾害结果" name="second">
				<el-form :model="queryParams2" ref="queryRef2" :inline="true" v-show="showSearch" label-width="150px">
					<el-form-item label="实际地震参考位置" prop="realLocation">
						<el-input v-model="queryParams2.realLocation" placeholder="请输入实际地震参考位置" clearable @keyup.enter="handleQuery2" />
					</el-form-item>
					<el-form-item label="历史地震震级范围" prop="realEarthquakeLevel">
						<el-form-item label-width="0" style="margin-right: 0px;">
							<el-input v-model="queryParams2.minRealEarthquakeLevel" placeholder="请输入历史地震震级范围" clearable @keyup.enter="handleQuery2" />
						</el-form-item>
						<span style="display: flex;margin: 0px 10px;">-</span>
						<el-form-item label-width="0">
							<el-input v-model="queryParams2.maxRealEarthquakeLevel" placeholder="请输入历史地震震级范围" clearable @keyup.enter="handleQuery2" />
						</el-form-item>
					</el-form-item>
					<el-form-item label="实际地震发震时间" prop="realTime2">
						<el-date-picker v-model="realTime2" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
						</el-date-picker>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" icon="Search" @click="handleQuery2">搜索</el-button>
						<el-button plain icon="Refresh" @click="resetQuery2">重置</el-button>
					</el-form-item>
				</el-form>

				<el-row :gutter="10" class="mb8">
					<right-toolbar v-model:showSearch="showSearch" @queryTable="getList2"></right-toolbar>
				</el-row>

				<el-table v-loading="loading2" border :data="ypgResultList2" @selection-change="handleSelectionChange">
					<!--<el-table-column type="selection" width="55" align="center" />-->
					<el-table-column label="序号" align="center" type="index" width="80" />
					<el-table-column label="实际地震信息" align="center">
						<el-table-column label="发震时间" align="center" prop="realTime" width="200"/>
						<el-table-column label="震级" align="center" prop="realEarthquakeLevel" />
						<el-table-column label="参考位置" align="center" prop="realLocation" width="200"/>
						<el-table-column label="震源深度" align="center" prop="realDepth" />
					</el-table-column>
					<el-table-column label="历史地震灾害信息" align="center">
						<el-table-column label="地震名称" align="center" prop="eventAbbreviation" width="200"/>
						<el-table-column label="发生时间" align="center" prop="" width="200">
							<template #default="scope">
								{{scope.row.jedsDate}}&nbsp;{{scope.row.jedsTime}}
							</template>
						</el-table-column>
						<el-table-column label="位置（宏观）" align="center" prop="location1" />
						<el-table-column label="经度" align="center" prop="jedsLongitude" />
						<el-table-column label="纬度" align="center" prop="jedsLatitude" />
						<el-table-column label="震级" align="center" prop="magnitude" />
					</el-table-column>
					<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
						<template #default="scope">
							<el-button type="text" @click="handleView1(scope.row)">查看</el-button>
						</template>
					</el-table-column>
				</el-table>

				<pagination v-show="total>0" :total="total" v-model:page="queryParams2.page" v-model:limit="queryParams2.rows" @pagination="getList2" />
			</el-tab-pane>
		</el-tabs>

		<!-- 导入对话框 -->
		<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
			<p></p>
			<el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url" :disabled="upload.isUploading" :before-upload="handleFileBeforeUpload" :on-progress="handleFileUploadProgress" :on-error="handleFileUploadError" :on-success="handleFileSuccess" :auto-upload="false" :data="dataFile" drag>
				<el-icon class="el-icon--upload">
					<upload-filled />
				</el-icon>
				<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
				<template #tip>
					<div class="el-upload__tip text-center">
						<span>仅允许导入xls、xlsx格式文件。</span>
						<el-link type="primary" v-if="activeName=='first'" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate('预评估结果模板-地市级行政区预评估结果统计表.xlsx')">下载模板</el-link>
						<el-link type="primary" v-else :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate('预评估结果模板-附表1.预评估结果表.xlsx')">下载模板</el-link>
					</div>
				</template>
			</el-upload>
			<template #footer>
				<div class="dialog-footer">
					<el-button type="primary" @click="submitFileForm">确 定</el-button>
					<el-button plain @click="upload.open = false">取 消</el-button>
				</div>
			</template>
		</el-dialog>
		
		<el-dialog :title="title" v-model="open" width="1300px" append-to-body>

			<p></p>
			<!--<el-row>
   				<el-col :span="12" style="margin-bottom: 20px;font-size: 20px;font-weight: bold;">	       		
	       			{{taskNametitle}}		          		        
	       </el-col>	       	
   			</el-row>-->

			<el-tabs v-model="activeNameTab" type="card" @tab-click="handleClickDialog">
				<el-tab-pane label="相似性分析结果" name="firstTab">
					<el-form ref="paramsRef" :model="simAnaResult" :rules="rules" label-width="150px">
						<el-row>
							<el-col :span="6" class="tab-title">
								实际地震信息
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="6">
								<el-form-item label="发震时间:" prop="smrsNumber1">
									{{simAnaResult.realTime}}
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="震级:" prop="smrsNumber1">
									{{simAnaResult.realEarthquakeLevel}}
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="参考位置:" prop="smrsNumber1">
									{{simAnaResult.realLocation}}
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="6">
								<el-form-item label="经度:" prop="smrsNumber1">
									{{simAnaResult.realLongitude}}
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="纬度:" prop="smrsNumber1">
									{{simAnaResult.realLatitude}}
								</el-form-item>
							</el-col>
							<el-col :span="6">
								<el-form-item label="震源深度（千米）:" prop="smrsNumber1">
									{{simAnaResult.realDepth}}
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="6" class="tab-title">
								相似性分析结果
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="6" :offset="1" style="font-weight: bold;margin-bottom: 10px;">
								震中距离指标权重：{{paramSetting.W1}}%
							</el-col>

						</el-row>
						<el-row>
							<el-col :span="18" :offset="1">
								<table align="center" style="width: 100%;border-collapse: collapse;">
									<tr style="height: 50px;">
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">震中距离指标</td>
										<td align="center" style="width: 200px;">{{simAnaResult.distanceTarget}}</td>
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">震中距离（千米）</td>
										<td align="center" style="width: 200px;">{{simAnaResult.distance}}</td>
									</tr>
								</table>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="18" :offset="1" style="font-weight: bold;margin-top:50px;margin-bottom: 10px;">
								房屋抗震能力指标权重：{{paramSetting.W2}}%，其中房屋总栋数指标：{{paramSetting.D1}}%，疑似抗震能力严重不足房屋总栋数指标：{{paramSetting.D2}}%
							</el-col>

						</el-row>
						<el-row>
							<el-col :span="20" :offset="1">
								<table align="center" style="width: 100%;border-collapse: collapse;">
									<tr style="height: 50px;">
										<td align="center" rowspan="2" style="width: 200px;background: #A5CDF4;font-weight: bold;">房屋抗震能力指标</td>
										<td align="center" rowspan="2" style="width: 200px;">{{simAnaResult.seismicCapacityTarget}}</td>
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">实际地震房屋总栋数</td>
										<td align="center" style="width: 200px;">{{simAnaResult.realHouseTotal}}</td>
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">实际地震疑似抗震能力严重不足房屋总栋</td>
										<td align="center" style="width: 200px;">{{simAnaResult.realDearthHouseTotal}}</td>
									</tr>
									<tr style="height: 50px;">
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">设定地震房屋总栋数</td>
										<td align="center" style="width: 200px;">{{simAnaResult.houseTotal}}</td>
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">设定地震疑似抗震能力严重不足房屋总栋</td>
										<td align="center" style="width: 200px;">{{simAnaResult.dearthHouseTotal}}</td>
									</tr>
								</table>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="6" :offset="1" style="font-weight: bold;margin-bottom: 10px;margin-top: 50px;">
								震级指标权重：{{paramSetting.W3}}%
							</el-col>

						</el-row>
						<el-row>
							<el-col :span="20" :offset="1">
								<table align="center" style="width: 100%;border-collapse: collapse;">
									<tr style="height: 50px;">
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">震级指标</td>
										<td align="center" style="width: 200px;">{{simAnaResult.earthquakeLevelTarget}}</td>
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">实际地震震级</td>
										<td align="center" style="width: 200px;">{{simAnaResult.realEarthquakeLevel}}</td>
										<td align="center" style="width: 200px;background: #A5CDF4;font-weight: bold;">设定地震震级</td>
										<td align="center" style="width: 200px;">{{hisPrEntity.dhpMagnitude}}</td>
									</tr>
								</table>
							</el-col>
						</el-row>
					</el-form>
				</el-tab-pane>
				<el-tab-pane label="设定地震信息" name="secondTab">
					<el-form ref="historyAssessDataRef" :model="hisPrEntity" :rules="rules">
						<h3><span></span> 设定地震基本信息</h3>
						<el-row>
							<el-col :span="8">
								<el-form-item label="任务名称" prop="dhpTaskName" label-width="110px">
									<el-input v-model="hisPrEntity.dhpTaskName" placeholder="请输入任务名称" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="4"></el-col>
							<el-col :span="12">
								<el-form-item label="任务编号" prop="dhpTaskNum" label-width="110px">{{hisPrEntity.dhpTaskNum}}</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="经度" prop="dhpEpicenterLongitude" label-width="110px">
									<el-input v-model="hisPrEntity.dhpEpicenterLongitude" placeholder="请输入经度" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="纬度" prop="dhpEpicenterLatitude" label-width="110px">
									<el-input v-model="hisPrEntity.dhpEpicenterLatitude" placeholder="请输入纬度" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="设定地震序号" prop="dhpEarthquakeNum" label-width="110px">
									<el-input v-model="hisPrEntity.dhpEarthquakeNum" placeholder="请输入设定地震序号" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="年份" prop="dhpYear" label-width="110px">
									<el-date-picker v-model="hisPrEntity.dhpYear" type="year" placeholder="请选择年份" value-format="YYYY" clearable :disabled="true" style="width:100%" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="震级" prop="dhpMagnitude" label-width="110px">
									<el-input v-model="hisPrEntity.dhpMagnitude" placeholder="请输入震级" :disabled="true" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="宏观位置" prop="dhpLocation" label-width="110px">
									<el-input v-model="hisPrEntity.dhpLocation" placeholder="请输入宏观位置" :disabled="true" />
								</el-form-item>
							</el-col>
						</el-row>
						<h3><span></span> 预评估结果</h3>
						<table class="tableDialog">
							<tr class="tableHead">
								<td>受灾区域面积<br/>（平方公里）</td>
								<td>灾区总人数<br/>（万人）</td>
								<td>灾区范围内GDP<br/>（亿）</td>
								<td>死亡人数<br/>（人）</td>
								<td>受伤人数<br/>（人）</td>
								<td>灾区经济损失<br/>（亿元）</td>
								<td>需紧急安置人数<br/>（人）</td>
							</tr>
							<tr>
								<td>
									<el-form-item prop="dhpDiArea">
										<el-input v-model="hisPrEntity.dhpDiArea" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpDiPeople">
										<el-input v-model="hisPrEntity.dhpDiPeople" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpDiGdp">
										<el-input v-model="hisPrEntity.dhpDiGdp" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsDeath">
										<el-input v-model="hisPrEntity.dhpEsDeath" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsInjured">
										<el-input v-model="hisPrEntity.dhpEsInjured" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpDiEcLosses">
										<el-input v-model="hisPrEntity.dhpDiEcLosses" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsResNumber">
										<el-input v-model="hisPrEntity.dhpEsResNumber" :disabled="!isEdit" />
									</el-form-item>
								</td>
							</tr>
						</table>
						<table class="tableDialog">
							<tr class="tableHead">
								<td colspan="4">需紧急救援力量</td>
							</tr>
							<tr class="tableHead">
								<td>总计（人）</td>
								<td>其中专业救援力量（人）</td>
								<td>其中民间救援力量（人）</td>
								<td>其中社会其他救援力量</td>
							</tr>
							<tr>
								<td>
									<el-form-item prop="dhpNeedEmeAssi">
										<el-input v-model="hisPrEntity.dhpNeedEmeAssi" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpProResForce">
										<el-input v-model="hisPrEntity.dhpProResForce" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpCivRelEfforts">
										<el-input v-model="hisPrEntity.dhpCivRelEfforts" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpOtherForces">
										<el-input v-model="hisPrEntity.dhpOtherForces" :disabled="!isEdit" />
									</el-form-item>
								</td>
							</tr>
						</table>
						<table class="tableDialog">
							<tr class="tableHead">
								<td>需帐篷数<br/>（顶）</td>
								<td>需担架<br/>（付）</td>
								<td>需棉被<br/>（床）</td>
								<td>需食品<br/>（吨）</td>
								<td>需饮水<br/>（吨）</td>
								<td>需临时厕所<br/>（个）</td>
								<td>需临时浴室<br/>（个）</td>
							</tr>
							<tr>
								<td>
									<el-form-item prop="dhpEsTentsNum">
										<el-input v-model="hisPrEntity.dhpEsTentsNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsStretcherNum">
										<el-input v-model="hisPrEntity.dhpEsStretcherNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsQuiltNum">
										<el-input v-model="hisPrEntity.dhpEsQuiltNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsFoodNum">
										<el-input v-model="hisPrEntity.dhpEsFoodNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsWaterNum">
										<el-input v-model="hisPrEntity.dhpEsWaterNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsToiletNum">
										<el-input v-model="hisPrEntity.dhpEsToiletNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsBathroomNum">
										<el-input v-model="hisPrEntity.dhpEsBathroomNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
							</tr>
						</table>
						<table class="tableDialog">
							<tr class="tableHead">
								<td colspan="4">需医务人员</td>
								<td rowspan="2">需病房<br/>（平方米）</td>
								<td rowspan="2">需病床<br/>（张）</td>
								<td rowspan="2">需血浆<br/>（升）</td>
							</tr>
							<tr class="tableHead">
								<td>总计<br/>（人）</td>
								<td>其中医生<br/>（人）</td>
								<td>其中护士<br/>（人）</td>
								<td>其中心理医生<br/>（人）</td>
							</tr>
							<tr>
								<td>
									<el-form-item prop="dhpEsStaffNum">
										<el-input v-model="hisPrEntity.dhpEsStaffNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsWardNum">
										<el-input v-model="hisPrEntity.dhpEsWardNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsBedNum">
										<el-input v-model="hisPrEntity.dhpEsBedNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsStaffNum">
										<el-input v-model="hisPrEntity.dhpEsStaffNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsDoctorNum">
										<el-input v-model="hisPrEntity.dhpEsDoctorNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsNurseNum">
										<el-input v-model="hisPrEntity.dhpEsNurseNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
								<td>
									<el-form-item prop="dhpEsPsyDoctorNum">
										<el-input v-model="hisPrEntity.dhpEsPsyDoctorNum" :disabled="!isEdit" />
									</el-form-item>
								</td>
							</tr>
						</table>
						<h3><span></span> 对策建议</h3>
						<table class="tableDialog">
							<tr class="tableHead">
								<td>灾害情景分析</td>
								<td>年度风险应对策略</td>
								<td>应急备灾对策</td>
								<td>应急处置对策</td>
							</tr>
							<tr>
								<td>
									<el-button type="text"  @click="viewDisaster" v-if="task!=''||task">查看</el-button>
								</td>
								<td>
									<el-button type="text"  @click="viewAgel" v-if="task!=''||task">查看</el-button>
								</td>
								<td>
									<el-button type="text"  @click="viewEmergencyDisaster" v-if="task!=''||task">查看</el-button>
								</td>
								<td>
									<el-button type="text"  @click="viewEmergencyDisposal" v-if="task!=''||task">查看</el-button>
								</td>
							</tr>
						</table>
						<h3><span></span> 预评估报告</h3>
						<div class="preEvaReport">
							<el-row>
								<el-col :span="6" class="evaTitle">
									简本报告
								</el-col>
								<el-col :span="18">
									<el-button type="text" @click="downloadReport(form.id,1)">{{report.userUploadSimpleReportName}}</el-button>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="6" class="evaTitle">
									简本报告上传人
								</el-col>
								<el-col :span="6">
									{{report.simpleReportUploadUserName}}
								</el-col>
								<el-col :span="6" class="evaTitle">
									简本报告上传日期
								</el-col>
								<el-col :span="6">
									{{report.simpleReportUploadTime}}
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="6" class="evaTitle">
									详本报告
								</el-col>
								<el-col :span="18">
									<el-button type="text" @click="downloadReport(form.id,2)">{{report.userUploadMinuteReportName}}</el-button>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="6" class="evaTitle">
									详本报告上传人
								</el-col>
								<el-col :span="6">
									{{report.minuteReportUploadUserName}}
								</el-col>
								<el-col :span="6" class="evaTitle">
									详本报告上传日期
								</el-col>
								<el-col :span="6">
									{{report.minuteReportUploadTime}}
								</el-col>
							</el-row>
						</div>
					</el-form>
					<template #footer>
						<div class="dialog-footer">
							<el-button plain @click="cancel">取消</el-button>
						</div>
					</template>
				</el-tab-pane>
			</el-tabs>

			<template #footer>
				<div class="dialog-footer">
					<el-button plain @click="cancel">关 闭</el-button>
				</div>
			</template>
		</el-dialog>
		<!-- 查看弹出框 -->
		<!--<el-dialog v-model="openDetail" title="查看任务" width="900px">
      <detailAssess :detilList="detailList" />
    </el-dialog>-->
		<!-- 查看弹出框 -->
		<el-dialog v-model="openDetail" :title="title" width="1200px" append-to-body>
			<p></p>
			<el-form ref="paramsRef" :model="form" :rules="rules" label-width="150px">
				<el-row>
					<el-col :span="6" class="tab-title">
						实际地震信息
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="发震时间:" prop="">
							{{form.realTime}}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="震级:" prop="">
							{{form.realEarthquakeLevel}}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="参考位置:" prop="">
							{{form.realLocation}}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6">
						<el-form-item label="经度:" prop="">
							{{form.realLongitude}}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="纬度:" prop="">
							{{form.realLatitude}}
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="震源深度（千米）:" prop="">
							{{form.realDepth}}
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="6" class="tab-title">
						历史地震灾害信息
					</el-col>
				</el-row>
				<DetailHistoryDisaster :detilList="form" v-if="openDetail"/>
			</el-form>
		</el-dialog>
		<!--查看 灾害情景分析弹出框 -->
    <el-dialog v-model="openDisasterScenarios" append-to-body>
        <p class="dialogTitle">灾害情景分析</p>
        <DisasterScenarios ref="disasters" :form="task" :isDisabled="true" v-if="openDisasterScenarios"/>
        <template #footer>
            <div class="dialog-footer">
                <el-button plain @click="cancelDisasterScenarios">关闭</el-button>
            </div>
        </template>
    </el-dialog>
    <!--查看 年度风险应对策略建议弹出框 -->
    <el-dialog v-model="openAgel" append-to-body>
        <p class="dialogTitle">年度风险应对策略建议</p>
        <Agel ref="agels" :form="task" :isDisabled="true" v-if="openAgel" />
        <template #footer>
            <div class="dialog-footer">
                <el-button plain @click="cancelAgel">关闭</el-button>
            </div>
        </template>
    </el-dialog>
    <!--查看 应急备灾对策弹出框 -->
    <el-dialog v-model="openEmergencyDisaster" append-to-body>
        <p class="dialogTitle">应急备灾对策</p>
        <EmergencyDisaster ref="emergencyDisasters" :form="task" :isDisabled="true" v-if="openEmergencyDisaster"/>
        <template #footer>
            <div class="dialog-footer">
                <el-button plain @click="cancelEmergencyDisaster">取消</el-button>
            </div>
        </template>
    </el-dialog>
    <!--查看 应急处置对策弹出框 -->
    <el-dialog v-model="openEmergencyDisposal" append-to-body>
        <p class="dialogTitle">应急处置对策</p>
        <EmergencyDisposal ref="emergencyDisposals" :form="task" :isDisabled="true" v-if="openEmergencyDisposal"/>
        <template #footer>
            <div class="dialog-footer">
                <el-button plain @click="cancelEmergencyDisposal">取消</el-button>
            </div>
        </template>
    </el-dialog>
	</div>
</template>

<script setup>
	import { listypgResult1, listypgResult2, getSimilitudeAnalyse, getHisEarDamAnalyse, getPrefectureResult, getResult } from "@/api/assistPolicy/analysisResultQuery";
	import { getProvince, getChildArea } from "@/api/system/division";
	import { detailTask } from '@/api/resultManag/reportCheck'
	import { getToken } from "@/utils/auth";
	import { getArea } from "@/api/suggestions/analyse.js";
	import useUserStore from '@/store/modules/user'
	import detailAssess from "../../taskmanage/assess/detailAssess.vue";
	import DisasterScenarios from "../../basedatamanage/historyAssessData/disasterScenarios.vue";
	import Agel from "../../basedatamanage/historyAssessData/agel.vue";
	import EmergencyDisaster from "../../basedatamanage/historyAssessData/emergencyDisaster.vue";
	import EmergencyDisposal from "../../basedatamanage/historyAssessData/emergencyDisposal.vue";
	import DetailHistoryDisaster from "./detailHistoryDisaster.vue";

	const {
		proxy
	} = getCurrentInstance();
	const activeName = ref('first');
	const ypgResultList1 = ref([]);
	const ypgResultList2 = ref([]);
	const prefectureResult = ref([]);
	const activeNameTab = ref('firstTab');
	const realTime = ref([]);
	const realTime2 = ref([]);	
	const Result = ref([]);
	const isCityEdit = ref(true);
	const open = ref(false);
	const loading1 = ref(true);
	const loading2 = ref(true);
	const showSearch = ref(true);
	const isEdit = ref(false);
	const ids = ref([]);
	const single = ref(true);
	const multiple = ref(true);
	const total = ref(0);
	const title = ref("");
	const taskNametitle = ref("");
	const openDisasterScenarios = ref(false)
	const openAgel = ref(false)
	const openEmergencyDisaster  = ref(false)
	const openEmergencyDisposal  = ref(false)
	const provinceData = ref([]); //省
	const cityData = ref([]); //市
	const areaData = ref([]); //区、县

	const provinceFormData = ref([]); //表单省 
	const cityFormData = ref([]); //表单市
	const areaFormData = ref([]); //表单区、县
	const dataFile = reactive({
		taskCode: null,
	})
	/*** 用户导入参数 */
	const upload = reactive({
		open: false,
		title: "",
		isUploading: false,
		headers: {
			token: "token " + getToken()
		},
		url: import.meta.env.VITE_APP_BASE_API + "/result/uploadPrefectureResult"
	});

	const data = reactive({
		simAnaResult: {},
		paramSetting: {},
		hisPrEntity: {},
    form: {
      dedName: undefined,
      dedTime: undefined,
      dedLongitude: undefined,
      dedLatitude: undefined,
      dedLocation: undefined,
      dedEarthquake: undefined,
      dedDepth: undefined,
      dedDeathToll: 0,
      dedCauseOfDeath: undefined,
      dedNumberOfInjury: 0,
      dedNumberOfPlacement: 0,
      dedRescueForceInput: 0,
      dedInputOfMedicalForce: 0,
      dedEconomicLosses: undefined,
      dedInfrastructureDamage: undefined,
      dedGeologicalHazardSituation: undefined,
      dedSecondaryFire: undefined,
      dedSecondaryFlood: undefined,
      dedSecondaryExplosion: undefined,
      dedDangerousChemicalLeak: undefined,
      date: undefined,
      time: undefined,
      fileList: undefined,
      dedMaximumIntensity: undefined,
      dedMacroscopicEpicenter: undefined,
      dedDisasterDescription: undefined,
      typicalEarthquakeDamagePicture: undefined,
      isoseismalLineAndIntensityPicture: undefined,
      remark: undefined,
    },
		queryParams1: {
			page: 1,
			rows: 10,
			longitude: null,
			latitude: null,
			realEarthquakeLevel: null,
			// startTime: null,
			// endTime: null

		},
		queryParams2: {
			page: 1,
			rows: 10,
			realLocation: null,
			minRealEarthquakeLevel: null,
			maxRealEarthquakeLevel: null,
			startTime: null,
			endTime: null

		},
		rules: {
			taskNum: [{
				required: true,
				message: "任务编号不能为空",
				trigger: "blur"
			}],
			taskName: [{
				required: true,
				message: "任务名称不能为空",
				trigger: "blur"
			}],
			province: [{
				required: true,
				message: "省不能为空",
				trigger: "blur"
			}],
			provinceId: [{
				required: true,
				message: "省不能为空",
				trigger: "change"
			}],
			city: [{
				required: true,
				message: "市不能为空",
				trigger: "blur"
			}],
			cityId: [{
				required: true,
				message: "市不能为空",
				trigger: "blur"
			}],
			area: [{
				required: true,
				message: "区/县不能为空",
				trigger: "blur"
			}],
			areaId: [{
				required: true,
				message: "区/县 不能为空",
				trigger: "blur"
			}],

		},
		task:'',
		// 灾害情景分析
    disasterScenariosData: [],
    // 年度风险应对策略
    agelData: [],
    // 应急备灾对策
    emergencyDisasterData: [],
    // 应急处置对策
    emergencyDisposalData: [],
    report:{},
    taskName: ''
	});

	const {
		queryParams1,
		queryParams2,
		form,
		simAnaResult,
		paramSetting,
		hisPrEntity,
		rules,
		task,
		disasterScenariosData, agelData, emergencyDisasterData, emergencyDisposalData, report , taskName
	} = toRefs(data);

	function getList1() {
		loading1.value = true;
		//console.log(queryParams.value.startTime)
		listypgResult1(queryParams1.value).then(response => {
			ypgResultList1.value = response.data.rows;;
			total.value = response.data.total;
			loading1.value = false;
		});
	}
	
	function getList2() {
		loading2.value = true;
		//console.log(queryParams2.value.startTime)
		listypgResult2(queryParams2.value).then(response => {
			ypgResultList2.value = response.data.rows;;
			total.value = response.data.total;
			loading2.value = false;
		});
	}

	/** 获取省列表 */
	function getProvinceData() {
		getProvince().then(response => {
			provinceData.value = response.data;
		});
	}

	function getProvinceFormData() {
		getProvince().then(response => {
			provinceFormData.value = response.data;
		});
	}

	function chooseProvince(value) {
		queryParams.value.city = null;
		queryParams.value.area = null;
		queryParams.value.province = value.name;
		cityData.value = [];
		areaData.value = [];
		getChildArea(value.id).then(response => {
			cityData.value = response.data;
		});
		//	provinceData.value.map(item => {//遍历数据
		//		if(item.id == value){
		//			if(item.name == "北京市"||item.name == "天津市"||item.name == "上海市"||item.name == "重庆市"){
		//		    cityData.value.push(JSON.parse(JSON.stringify(item)));
		//			}else{
		//				getChildArea(value).then(response => {
		//			    cityData.value = response.data;
		//				});
		//			}
		//			return;
		//		}   
		//})		
	}

	function chooseCity(value) {
		queryParams.value.county = null;
		queryParams.value.city = value.name;
		areaData.value = [];
		getChildArea(value.id).then(response => {
			areaData.value = response.data;
		});
	}

	function chooseArea(value) {
		queryParams.value.county = value.name;
	}

	// 取消按钮
	function cancel() {
		open.value = false;
		reset();
	}

	// 表单重置
	function reset() {
		form.value = {
			
		};
		proxy.resetForm("ypgResultRef");
	}

	/** 搜索按钮操作 */
	function handleQuery1() {
		queryParams1.value.page = 1;
	// 	queryParams1.value.startTime = realTime.value? realTime.value[0] : "";
  	//  queryParams1.value.endTime = realTime.value? realTime.value[1] : "";
		getList1();
	}
	function handleQuery2() {
		queryParams2.value.page = 1;
		queryParams2.value.startTime = realTime2.value? realTime2.value[0] : "";
  	queryParams2.value.endTime = realTime2.value? realTime2.value[1] : "";
		getList2();
	}

	/** 重置按钮操作 */
	function resetQuery1() {
		realTime.value = [];
		proxy.resetForm("queryRef1");
		handleQuery1();
	}
	function resetQuery2() {
		realTime2.value = [];
		proxy.resetForm("queryRef2");
		handleQuery2();
	}

	// 多选框选中数据
	function handleSelectionChange(selection) {
		ids.value = selection.map(item => item.id);
		single.value = selection.length != 1;
		multiple.value = !selection.length;
	}

	/*查看*/
	function handleView(row) {
		//reset();
		title.value = "结果详情";
		open.value = true;
		console.log(row)
		getSimilitudeAnalyse(row.id).then(response => {
			simAnaResult.value = response.data.simAnaResult;
			paramSetting.value = response.data.paramSetting;
			hisPrEntity.value = response.data.hisPrEntity;
			taskName.value = response.data.hisPrEntity.dhpTaskName;
			report.value = response.data.report;
			task.value = response.data.task;
		});

	}
	
	function handleView1(row) {
		//reset();
		title.value = "详情查看";
		openDetail.value = true;	
		getHisEarDamAnalyse(row.id).then(response => {
			form.value = response.data;
//			form.value.date = form.value.dedTime.split(' ')[0];
//    form.value.time = form.value.dedTime.split(' ')[1];
		});
	}

	/** 查看按钮操作 */
	const openDetail = ref(false)
	const detailList = reactive({
		preAssessTaskEntity: {
			taskYear: undefined,
			taskNum: undefined,
			taskName: undefined,
			taskArea: undefined,
			taskRegion: undefined,
			districtList: undefined,
			groupName: undefined,
			groupLeader: undefined,
			taskDistrict: undefined,
		},
		expertlist: undefined,
		memberlist: "",
	})

	function edit(row) {
		console.log(row)
		detailTask({
			id: row.id
		}).then(response => {
			if(response.code == 200) {
				openDetail.value = true
				nextTick(() => {
					detailList.preAssessTaskEntity = response.data.preAssessTaskEntity
					detailList.memberlist = response.data.memberlist
					detailList.expertlist = response.data.expertlist
				})
			}
		})
	}

// 获取 区县或者地市
function getAreaData(query) {
    getArea(query).then(response => {
        if (query.suggestionName == '灾害情景分析') {
            task.value.areaList = response.data['灾害情景分析'];
            openDisasterScenarios.value = true;
        } else if (query.suggestionName == '年度风险应对策略建议') {
            task.value.areaList = response.data['年度风险应对策略建议'];
            openAgel.value = true
        } else if (query.suggestionName == '应急备灾对策') {
            task.value.areaList = response.data['应急备灾对策'];
            openEmergencyDisaster.value = true
        } else if (query.suggestionName == '应急处置对策') {
            task.value.areaList = response.data['应急处置对策'];
            openEmergencyDisposal.value = true
        }
    })
}
// 对策建议-灾害情景分析
function viewDisaster() {
	const query = {
        flag: 0,
        taskDistrict: task.value.taskDistrict,
        suggestionName: '灾害情景分析',
        taskNum: task.value.taskNum,
    }
    getAreaData(query);
}
function cancelDisasterScenarios(){
    openDisasterScenarios.value = false
}
// 对策建议-年度风险应对策略
function viewAgel(){
	const query = {
        flag: 0,
        taskDistrict: task.value.taskDistrict,
        suggestionName: '年度风险应对策略建议',
        taskNum: task.value.taskNum,
    }
    getAreaData(query);
}
function cancelAgel(){
    openAgel.value = false
}
// 对策建议-应急备灾对策
function viewEmergencyDisaster(){
	const query = {
        flag: 0,
        taskDistrict: task.value.taskDistrict,
        suggestionName: '应急备灾对策',
        taskNum: task.value.taskNum,
    }
    getAreaData(query);
}
function cancelEmergencyDisaster(){
    openEmergencyDisaster.value = false
}
// 对策建议-应急处置对策
function viewEmergencyDisposal(){
	const query = {
        flag: 0,
        taskDistrict: task.value.taskDistrict,
        suggestionName: '应急处置对策',
        taskNum: task.value.taskNum,
    }
    getAreaData(query);
}
function cancelEmergencyDisposal(){
    openEmergencyDisposal.value = false
}
	function handleClickIndex(tab, event) {
		console.log(tab.props.name);
		if(tab.props.name == "first") {
			getList1();
		} else {
			getList2();
		}
	}

	/*切换标签页*/
	function handleClickDialog(tab, event) {
		//console.log(tab.props.name);
		if(tab.props.name == "firstTab") {

		} else {

		}
	}

	// 模板下载
	function importTemplate(name) {
		proxy.download("/base/product/downloadExcel", {
			fileName: name
		}, name);
	};

	/** 提交上传文件 */
	function submitFileForm() {
		proxy.$refs["uploadRef"].submit();
	};

	/** 打开导入表弹窗 */
	function handleImport() {
		upload.title = "导入";
		if(prefectureResult.value.length != 0) {
			proxy.$modal.confirm('重新导入会全部覆盖').then(() => {
				upload.open = true;
			}).catch(() => {});
		} else {
			upload.open = true;
		}
	}

	/** 打开导入表弹窗 */
	function handleImport1() {
		upload.title = "导入";
		if(Result.value.length != 0) {
			proxy.$modal.confirm('重新导入会全部覆盖').then(() => {
				upload.open = true;
			}).catch(() => {});
		} else {
			upload.open = true;
		}
	}

	/**文件上传前处理 */
	function handleFileBeforeUpload(file) {
		proxy.$modal.loading("正在导入文件，请稍候...");
		return true
	}

	/**文件上传中处理 */
	const handleFileUploadProgress = (event, file, fileList) => {
		upload.isUploading = true;
	};
	// 上传失败
	function handleFileUploadError(err) {
		console.log("22")
		proxy.$modal.closeLoading();
		proxy.$modal.msgError("导入文件失败");
	}
	/** 文件上传成功处理 */
	const handleFileSuccess = (response, file, fileList) => {
		upload.open = false;
		upload.isUploading = false;
		proxy.$modal.closeLoading();
		proxy.$refs["uploadRef"].handleRemove(file);
		proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 0 0;'>" + response.message + "</div>", "导入结果", {
			dangerouslyUseHTMLString: true
		});
		getPrefectureResult(dataFile.taskCode).then(response => {
			prefectureResult.value = response.data;
		});
		getResult(dataFile.taskCode).then(response => {
			Result.value = response.data;
		});
	};

	function objectSpanMethod({
		row,
		column,
		rowIndex,
		columnIndex
	}) {
		if(columnIndex === 0) {
			const _row = setTable(prefectureResult.value).one[rowIndex];
			const _col = _row > 0 ? 1 : 0;
			return {
				rowspan: _row,
				colspan: _col
			};
		}
		//	 if (columnIndex === 1 ) {
		//		 const _row = setTable(getData.value).two[rowIndex];
		//		 const _col = _row > 0 ? 1 : 0;
		//		 return {
		//		 rowspan: _row,
		//			 colspan: _col
		//			};
		//		}
		//	 if (columnIndex === 3 ) {
		//		 const _row = setTable(getData.value).three[rowIndex];
		//		 const _col = _row > 0 ? 1 : 0;
		//		 return {
		//		 rowspan: _row,
		//			 colspan: _col
		//			};
		//		}
		//	 if (columnIndex === 4 ) {
		//		 const _row = setTable(getData.value).four[rowIndex];
		//		 const _col = _row > 0 ? 1 : 0;
		//		 return {
		//		 rowspan: _row,
		//			 colspan: _col
		//			};
		//		}
	}

	function objectSpanMethod1({
		row,
		column,
		rowIndex,
		columnIndex
	}) {
		if(columnIndex === 0) {
			const _row = setTable1(Result.value).one[rowIndex];
			const _col = _row > 0 ? 1 : 0;
			return {
				rowspan: _row,
				colspan: _col
			};
		}
		if(columnIndex === 1) {
			const _row = setTable1(Result.value).two[rowIndex];
			const _col = _row > 0 ? 1 : 0;
			return {
				rowspan: _row,
				colspan: _col
			};
		}
		if(columnIndex === 2) {
			const _row = setTable1(Result.value).three[rowIndex];
			const _col = _row > 0 ? 1 : 0;
			return {
				rowspan: _row,
				colspan: _col
			};
		}
		if(columnIndex === 3) {
			const _row = setTable1(Result.value).four[rowIndex];
			const _col = _row > 0 ? 1 : 0;
			return {
				rowspan: _row,
				colspan: _col
			};
		}
	}

	function setTable(tableData) {
		let spanOneArr = [],
			spanTwoArr = [],
			spanThreeArr = [],
			spanFourArr = [],
			concatOne = 0,
			concatTwo = 0,
			concatThree = 0,
			concatFour = 0;
		tableData.forEach((item, index) => {
			if(index === 0) {
				spanOneArr.push(1);
				spanTwoArr.push(1);
				spanThreeArr.push(1);
				spanFourArr.push(1);
			} else {
				if(item.city === tableData[index - 1].city) {
					//第一列需合并相同内容的判断条件
					spanOneArr[concatOne] += 1;
					spanOneArr.push(0);
				} else {
					spanOneArr.push(1);
					concatOne = index;
				}

				//			 if (item.longitude === tableData[index - 1].longitude) {
				//			 //第二列和需合并相同内容的判断条件
				//				 spanTwoArr[concatTwo] += 1;
				//				 spanTwoArr.push(0);
				//			 } else {
				//				 spanTwoArr.push(1);
				//				 concatTwo = index;
				//			 }
				//			 
				//			 if (item.latitude === tableData[index - 1].latitude) {
				//			 //第三列和需合并相同内容的判断条件
				//				 spanThreeArr[concatThree] += 1;
				//				 spanThreeArr.push(0);
				//			 } else {
				//				 spanThreeArr.push(1);
				//				 concatThree = index;
				//			 }
				//			 
				//			 if (item.macroPosition === tableData[index - 1].macroPosition) {
				//			 //第三列和需合并相同内容的判断条件
				//				 spanFourArr[concatFour] += 1;
				//				 spanFourArr.push(0);
				//			 } else {
				//				 spanFourArr.push(1);
				//				 concatFour = index;
				//			 }
			}
		});
		return {
			one: spanOneArr,
			two: spanTwoArr,
			three: spanThreeArr,
			four: spanFourArr,
		};
	}

	function setTable1(tableData) {
		let spanOneArr = [],
			spanTwoArr = [],
			spanThreeArr = [],
			spanFourArr = [],
			concatOne = 0,
			concatTwo = 0,
			concatThree = 0,
			concatFour = 0;
		tableData.forEach((item, index) => {
			if(index === 0) {
				spanOneArr.push(1);
				spanTwoArr.push(1);
				spanThreeArr.push(1);
				spanFourArr.push(1);
			} else {
				if(item.sort === tableData[index - 1].sort && index % item.rowNum != 0) {
					//第一列需合并相同内容的判断条件
					spanOneArr[concatOne] += 1;
					spanOneArr.push(0);
				} else {
					spanOneArr.push(1);
					concatOne = index;
				}

				if(item.longitude === tableData[index - 1].longitude && index % item.rowNum != 0) {
					//第二列和需合并相同内容的判断条件
					spanTwoArr[concatTwo] += 1;
					spanTwoArr.push(0);
				} else {
					spanTwoArr.push(1);
					concatTwo = index;
				}

				if(item.latitude === tableData[index - 1].latitude && index % item.rowNum != 0) {
					//第三列和需合并相同内容的判断条件
					spanThreeArr[concatThree] += 1;
					spanThreeArr.push(0);
				} else {
					spanThreeArr.push(1);
					concatThree = index;
				}

				if(item.macroPosition === tableData[index - 1].macroPosition && index % item.rowNum != 0) {
					//第三列和需合并相同内容的判断条件
					spanFourArr[concatFour] += 1;
					spanFourArr.push(0);
				} else {
					spanFourArr.push(1);
					concatFour = index;
				}
			}
		});
		return {
			one: spanOneArr,
			two: spanTwoArr,
			three: spanThreeArr,
			four: spanFourArr,
		};
	}
	getList1();
	getProvinceData();
	getProvinceFormData();
</script>
<style lang="scss" scoped>
	:deep(.el-table) td.el-table__cell {
		border-bottom: 1px solid #ebeef5 !important;
		border-right: 1px solid #ebeef5 !important;
	}
	
	.tab-title {
		font-size: 16px;
		font-weight: bold;
		border-left: 4px solid var(--el-color-primary);
		font-family: PingFangSC-Medium;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	
	table td {
		border: 1px solid #c6c6c6;
	}
	h3 {
    color: #333;
    height: 21px;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    align-items: center;
    font-weight: bold;

    span {
        margin-right: 12px;
        display: inline-block;
        width: 3px;
        height: 14px;
        background: #333;
    }
}

.tableDialog{
    width: 1160px;
    border-collapse: collapse;
    border: 1px solid #e5ebf7;
    margin-bottom: 20px;
    .tableHead{
        background: #f5f9fe;
        td{
            padding: 5px 0px;
        }
    }
    td{
        border: 1px solid #e5ebf7;
        text-align: center;
        :deep(.el-form-item__content){
            flex-wrap: nowrap!important;
            .el-input-number{
                width: 75px!important;
            }
        }
    }
    .el-button--default{
        border: none !important;
    }
}
.preEvaReport{
    .el-row{
        border-top: 1px solid #e5ebf7;
        border-right: 1px solid #e5ebf7;
        &:last-child {
            border-bottom: 1px solid #e5ebf7;
        }

        .el-col{
            height: 34px;
            line-height: 34px;
            padding: 0 11px;
        }
        .evaTitle{
            text-align: center;
            background: #f5f9fe;
            border-left: 1px solid #e5ebf7;
            border-right: 1px solid #e5ebf7;
        }
        .el-button--default{
            border: none !important;
        }
    }
}
</style>